<template>
	<view class="wrap">
		<u-gap height="20" bg-color="#f5f5f5" />
		<u-cell-group :border="false">
			<u-cell-item title="清除缓存" :arrow="false">
				<view solt="right-icon">
					{{huancun}}M
				</view>
			</u-cell-item>
		</u-cell-group>
		<view class="u-m-40">
			<u-button type="primary" @click="clear" :hair-line="false">清除缓存</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				huancun: 0
			};
		},
		onLoad() {
			this.huancun = Math.round(Math.random() * 20);
		},
		methods: {
			clear() {
				this.huancun = 0
				this.$u.toast("清除成功！")
			}
		}
	};
</script>
<style lang="scss">
	@import '../home/index.scss';

	page {
		background-color: #f8f8f8;
	}

	/deep/ .u-cell-title {
		padding: 25rpx 30rpx;
		font-size: 30rpx;
	}
</style>
